<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link type="text/css" href="/static/style/default_blue.css" rel="stylesheet" />
<link href="/static/img/style.css" type="text/css" rel="stylesheet" />
<link href="/static/style/header.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/static/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.Sonline.js"></script>
<script type="text/javascript" src="/static/js/setting.js"></script>
<script type="text/javascript" src="/static/img/jquery.jDiaporama.js"></script>
<script type="text/javascript" src="/static/img/script.js"></script>
<script type="text/javascript" src="/static/js/layer.js"></script>
<style>
header a {
    text-decoration: none;
    color: #000;
    margin-right: 30px;
}

.cover {
    height: 500px;
    float: center;
}

.cover img {
    height: 500px;
    width: 60%;
    float: center;
}

button {
    background-color: #66B3FF;
    height: 50px;
    width: 300px;
    text-align: center;
    font-size: 15px;
}
</style>
<script type="text/javascript">
    $(function () {
        $('button').click(function () {
            //页面一打开就执行，放入ready是为了layer所需配件（css、扩展模块）加载完毕
            layer.open({
                type: 2,
                title: '报名',
                maxmin: true,
                area: ['540px', '500px'],
                content: 'enroll',
            });
        });
    })
</script>
</head>
<body>
    <!--弹出qq对话框-->
    <iframe name="iframe1" style="display: none;" src="tencent://message/?uin=2375921901&amp;menu=yes"></iframe>
    <!--_header 作为公共模版分离出去-->
    <header style="text-align:center"> <nav>
    <div class="nav-top">
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="/html/introduce">机构介绍</a>
            </li>
            <li>
                <a href="#">教学资源</a>
            </li>
            <li>
                <a href="#">教练介绍</a>
            </li>
            <li>
                <a href="#">考试信息</a>
            </li>
            <li>
                <a href="#">教练入驻</a>
            </li>
        </ul>
    </div>
    </nav> </header>

    <hr style="height: 2px; border: none; border-top: 2px solid #185598; margin-top: 20px" />
    <div class="cover" style="margin-top: 20px; text-align: center">
        <div class="jDiaporama" style="width: 1000px">
            <ul class="diaporama1">
                <li class="" id="jDiaporama_image_1" style="display: none;">
                    <img src="/static/images/info.png" alt="驾校信息图" title="驾校信息图" />
                    <p class="desc" style="display: none;">描述1111111111111111111</p>
                    <p class="title" style="display: none;">图1</p>
                    <p class="count" style="display: none;">1/4</p>
                </li>
                <li id="jDiaporama_image_2" class="active" style="display: list-item;">
                    <img src="/static/img/image2.jpg" alt="Venice Beach, California" />
                    <p class="desc" style="">undefined</p>
                    <p class="title" style="">Venice Beach, California</p>
                    <p class="count" style="">2/4</p>
                </li>
                <li id="jDiaporama_image_3" class="" style="display: none;">
                    <img src="/static/img/image3.jpg" alt=""
                        title="Les garde-côte sur les plages de Malibu © Guillaume Voisin" />
                    <p class="desc" style="display: none;">Les garde-côte sur les plages de Malibu © Guillaume
                        Voisin</p>
                    <p class="count" style="display: none;">3/4</p>
                </li>
                <li id="jDiaporama_image_4" class="" style="display: none;">
                    <img src="/static/img/image4.jpg" alt="Universal Studios"
                        title="Le parc d&#39;attractions Universal Studios © Guillaume Voisin" />
                    <p class="desc" style="">Le parc d'attractions Universal Studios © Guillaume Voisin</p>
                    <p class="title" style="">Universal Studios</p>
                    <p class="count" style="">4/4</p>
                </li>
            </ul>
            <div class="jDiaporama_controls" style="display: none;">
                <a href="http://www.jq22.com/demo/jquery-jDiaporama201707172203/#" class="prev">Prec.</a>
                <a href="http://www.jq22.com/demo/jquery-jDiaporama201707172203/#" class="pause">Pause</a>
                <a href="http://www.jq22.com/demo/jquery-jDiaporama201707172203/#" class="next">Suiv.</a>
            </div>
        </div>
    </div>
    <div style="text-align: center; margin-top: 20px">
        <button>点击报名</button>
    </div>
</body>
</html>
